{%extends 'admin/layout.html'%}

{%block content%}
<div class="mdui-container-fluid">
    <div class="mdui-typo">
      <h1>系统安装 <small>绑定账号</small></h1>
    </div>

    <div class="mdui-typo">
      <h4>步骤1：点击<B>绑定账号</B>，并跳转到绑定页面</h4>
    </div>
    <div class="mdui-typo">
      <h4>步骤2：选择需要绑定的账号，进入下一步</h4>
    </div>
  	<div class="mdui-typo">
      <h4>步骤3：接收认证许可，获取一个code，将这个code填写到下栏后，点击<B>结束绑定</B></h4>
    </div>

    <div class="mdui-typo">
    <a href="{{login_url}}" class="mdui-btn mdui-color-theme-accent mdui-ripple mdui-float-right" target="_blank">1. 绑定账号</a>
     <form action="{{url_for('admin.install',step=5,user=cur_user)|safe}}" method="post">
         <div class="mdui-textfield mdui-textfield-floating-label">
             <i class="mdui-icon material-icons">https</i>
             <label class="mdui-textfield-label">code</label>
             <input type="text" type="text" class="mdui-textfield-input" name="code" required"/>
             <div class="mdui-textfield-error">code不能为空</div>
         </div>
         <input type="hidden" name="od_type" value="{{od_type}}">
         <input type="hidden" name="user" value="{{cur_user}}">
         <input type="hidden" name="step" value="2">
         <input type="hidden" name="client_id" value="{{client_id}}">
         <input type="hidden" name="client_secret" value="{{client_secret}}">
         <br>
         <br>
      <button class="mdui-btn mdui-color-theme-accent mdui-ripple mdui-float-right" type="submit">2. 结束绑定</button>
     </form>
    </div>
    <br>
    <br>
    <hr>
     <div class="mdui-typo">
        <h4><B>示例，如何操作</B></h4>
    <img src="https://i.niupic.com/images/2019/05/21/_1407.jpg">
    <img src="https://i.niupic.com/images/2019/05/21/_1403.jpg">
    <img src="https://i.niupic.com/images/2019/05/21/_1406.jpg">
    <!-- <img src="http://wx4.sinaimg.cn/large/0060lm7Tly1fxa7c5bvwvj30hw0ikgq3.jpg"> -->
    <!-- <img src="http://wx3.sinaimg.cn/large/0060lm7Tly1fxa7dg9wt6j31gv04jq3c.jpg"> -->
    <!-- <img src="http://wx1.sinaimg.cn/large/0060lm7Tly1fxa7e9mh0mj310n0h1abr.jpg"> -->
    </div>

</div>
{%endblock content%}
